<template>
	<z-paging ref="paging" v-model="dataList" @query="queryList" :empty-view-center="false" :hide-no-more-by-limit="10" :refresher-enabled="false">
		<template v-slot:top>
			<view>我是固定在顶部的view</view>
		</template>
		<template v-slot:bottom>
			<view>我是固定在底部的view</view>
		</template>
	</z-paging>
</template>

<script setup>
import { ref, reactive } from 'vue';
import http from '@/common/request.js';

const dataList = ref([]);
const paging = ref(null);

const queryList = (pageNum, pageSize) => {
	let that = this;
	setTimeout(() => {
		paging.value.complete([]);
	});

	// this.$http("",{
	// 	pageNum,
	// 	pageSize
	// }).then(res => {
	// 	this.$refs.paging.complete(res.data.list);
	// })
};
</script>

<style scoped lang="scss">
:deep(.xx) {
	border: 0;
}
</style>
